<template>
    <div>
        <van-nav-bar title="检查报告详情" left-text="" left-arrow @click-left="onClickLeft" />
        <div style="
        height:620px;
        background-color: #f5f5f5;
        overflow-y: auto;
        ">
            <div style="
      
        background-color: #fff;
        padding: 15px;
        ">
                <p style="
        font-weight:700;
        font-size: 16px;
        ">血常规（成人）</p>
                <p style="
        font-weight:400;
        font-size: 16px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: 10px;
        ">王小柯 女 28岁</p>
                <p style="
        font-weight:400;
        font-size: 16px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: 10px;
        ">送检医师：王小小<span style="
        margin-left: 80px;
        ">送检科室：门诊放射科</span></p>
                <p style="
        font-weight:400;
        font-size: 16px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: 10px;
        ">送检时间：2020-01-01 10:20:36</p>
                <p style="
        font-weight:400;
        font-size: 16px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: 10px;
        ">报告时间：2020-01-20 20:20:30</p>
                <p style="
        font-weight:400;
        font-size: 16px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: 10px;
        ">报告类别：门诊/住院</p>

            </div>

            <div style="
        background-color: #fff;
        padding: 15px;
        margin-top: 15px;
        ">
                <p style="
        font-weight:700;
        font-size: 14px;
        ">
                    检测结果
                    <span style="
        color:#1677FF;
        font-weight:400;
        margin-left: 180px;
        ">申请检验复印></span>
                </p>
                <div style="
        font-weight:400;
        font-size: 16px;
        color:#000000;
        font-size: 13px;
        margin-top: 15px;
        display: flex;
        line-height: 11px;
        ">

                    <div style="
        width:10px;
        height:10px;
        background-color: rgba(255, 77, 79, 1);
        "></div>
                    <span style="margin-left: 10px;">异常指标</span>
                    <span style="margin-left: 20px;">⬆</span>
                    <span style="margin-left: 10px;">指标偏高</span>
                    <span style="margin-left: 20px;">⬇</span>
                    <span style="margin-left: 10px;">指标偏高</span>

                </div>
                <br>
                <table border="1" cellspacing="0">
                    <tr>
                        <th style="
                            width: 162px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            background-color:#e6f4ff;
                            ">项目名称</th>
                        <th style="
                            width: 95px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            background-color:#e6f4ff;
                            ">结果</th>
                        <th style="
                            width: 78px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            background-color:#e6f4ff;
                            ">参考值</th>
                    </tr>
                    <tr>
                        <td style="
                            width: 162px;
                            height: 36px;
                            text-align: left;
                            font-size: 14px;
                            ">无机磷酸盐</td>
                        <td style="
                            width: 95px;
                            height: 36px;
                            text-align: left;
                            font-size: 14px;
                            ">1.25 (mmol/L)</td>
                        <td style="
                            width: 95px;
                            height: 36px;
                            text-align: left;
                            font-size: 14px;
                            ">0.85 - 1.51</td>
                    </tr>
                    <tr>
                        <td style="
                            width: 162px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            ">降钙素原测定</td>
                        <td style="
                            width: 95px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            ">0.27 (ng/ml)</td>
                        <td style="
                            width: 78px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            ">≤1.0</td>
                    </tr>
                    <tr>
                        <td style="
                            width: 162px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            ">高敏C反应蛋白</td>
                        <td style="
                            width: 95px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            color:#ff4d4f;
                            ">5.48 (mg/L)⬆</td>
                        <td style="
                            width: 78px;
                            height: 30px;
                            text-align: left;
                            font-size: 14px;
                            ">≤5.00</td>
                    </tr>
                </table>


            </div>
            <div style="
        background-color: #fff;
        padding: 15px;
        margin-top: 15px;
        ">
                <p style="
        font-weight:400;
        font-size: 16px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: 5px;
        ">检测人：李医生<span style="
        margin-left: 50px;
        ">审核人：王医生</span></p>

                <p style="
        font-weight:400;
        font-size: 16px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: 10px;
        ">备注：此结果仅作参考，以医院纸质报告为准</p>

            </div>




        </div>
    </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
const onClickLeft = () => {
    router.back()
}

</script>

<style scoped>
table {
    border: 1px solid #bae0ff;
}
</style>